<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<!doctype html>
<html class="no-js">
<head>
    <%@ include file="./../common/meta.jsp" %>
    <link rel="stylesheet" href="../../css/index.css">
</head>

<header data-am-sticky class="am-header am-header-default am-no-layout">
    <div class="am-header-left am-header-nav">
        <a href="./store-detail.jsp" class="" id="last">
            <i class="am-header-icon am-icon-chevron-left"></i>
        </a>
    </div>
    <h1 class="am-header-title">设计师信息</h1>
</header>

<body>
<div id="main-box">
    <div class="am-content">
        <div data-am-widget="tabs"
             class="am-tabs am-tabs-default">

            <div class="am-tabs-bd">
                <div data-tab-panel-0 class="am-tab-panel am-active">

                    <div data-am-widget="list_news" class="am-list-news am-list-news-default" id="designer-detail">

                    </div>

                </div>

            </div>
        </div>
    </div>
</div>

<script id="designer-detail-template" type="text/x-handlebars-template">


    <div class="am-list-news-bd">
        <ul class="am-list">
            <li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left">
                <div class="am-u-sm-4 am-list-thumb">
                    <img src="{{baseImage}}{{designerimage}}"/>
                </div>

                <div class=" am-u-sm-8 am-list-main">
                    <h3 class="am-list-item-hd">设计师{{designername}}档案简介</h3>

                    <div class="dsmd-info">
                        姓名:&nbsp;{{designername}}<br/>
                        电话:&nbsp;{{designerphone}}<br/>
                        微信:&nbsp;{{designerwx}}<br/>
                        从业时间:&nbsp;{{designerjobage}}<br/>
                        毕业学校:&nbsp;{{designerschool}}<br/>
                        所获奖项:&nbsp;{{designeraward}}<br/>
                        性格爱好:&nbsp;{{designerfavorite}}<br/>
                        人生格言:&nbsp;{{designerfaith}}<br/>
                        部门等级:&nbsp;{{designerlever}}<br/>
                        设计费用:&nbsp;{{designerprice}}<br/>
                        休息时间:&nbsp;{{designerrest}}
                    </div>
                </div>
            </li>
        </ul>

    </div>
    <button type="button" class="am-btn am-btn-secondary">个人作品展示</button>
    <div class="am-g">
        <div class="am-slider am-slider-default am-slider-carousel"
             data-am-flexslider="{itemWidth: 200, itemMargin: 5, slideshow: false}">
            <ul class="am-slides">
                {{#each images}}
                <li>
                    <img src="{{../baseImage}}{{this}}" style="height: 200px;">

                </li>
                {{/each}}
            </ul>
        </div>
    </div>

</script>


<%@ include file="./../common/footerNav.jsp" %>
<%@ include file="./../common/footer.jsp" %>

</body>

<script type="text/javascript">
    var id = "<%=request.getParameter("id")%>";
    var catlogid = "<%=request.getParameter("catId")%>";
    var designerId = "<%=request.getParameter("designerId")%>";
    var href = $("#last").attr("href");
    $("#last").attr("href", href + "?id=" + id + "&catId=" + catlogid);


    var url = "/h5GoodShop/getShopDesignerDetail?id=" + designerId;
    $.post(url, function (result) {
        var source = $('#designer-detail-template').html();
        var template = Handlebars.compile(source);
        var html = template(result);
        $("#designer-detail").append(html);

        $('.am-slider').flexslider();

    })


</script>

</html>